<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<html>
<head>
   <script type="text/javascript">

       //jq事件设置
       //$().时间类型(事件处理函数fn);设置事件
       //$().事件类型();
       //时间类型:click keyup keydown mouseover mouseout blur focus等等
        $(function () {
            $('div').mouseover(function () {
                //this代表dom对象(如果有多个会分别一次代表每个dom对象)
//                $('div').css('background-color','lightgreen')
                $(this).css('background-color','lightgreen')
            })
            $('div').mouseout(function () {
                //留空就会使用行内样式
                $(this).css('background-color','')
            })
            //允许为同一个对象设置多个同类型事件
            $('div').mouseover(function () {
                $('div').css('font-size','30px')
            })
        })
       function f1() {
            //触发对象事件执行(不带参数触发)
            $('div').mouseover()
       }

   </script>
    <style type="text/css">
        div {width: 300px;height: 200px;background-color: darkturquoise}
    </style>
</head>
<body>
    <h2>jq简单事件操作</h2>
    <div>jq click</div>
    <input type="button" value="触发" onclick="f1()">
</body>
</html>
